<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <h4>{{name}}</h4>>
    v-text:<span v-text="hello"></span> <br/>
    v-html:<span v-html="hello"></span>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
    // 生成一个Vue实例
    var app = new Vue({
        el:"#app",
        data:{
            name:"Jack",
            hello: "<h1>大家好，我是虎哥</h1>"
        }
    })
    // - v-text：将数据输出到元素内部，如果输出的数据有HTML代码，会作为普通文本输出
    // - v-html：将数据输出到元素内部，如果输出的数据有HTML代码，会被渲染

</script>
</body>
</html>
